<template>
	<view class="">
		<view class="btns">
			<button class="btn" v-for="(item,index) in list" @tap="handleClick(item)">{{item.name}}</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				list: [{
					name: '基础用法',
					value: 'base'
				}, {
					name: '显示时间段',
					value: 'segment'
				}, {
					name: '多个时间轴',
					value: 'multiSegment'
				}, {
					name: '显示自定义元素',
					value: 'custom'
				}, {
					name: '显示到年',
					value: 'year'
				}, {
					name: '显示到年月',
					value: 'yearMonth'
				}, {
					name: '自定义时间分辨率',
					value: 'customZoom'
				}]
			}
		},
		onLoad() {

		},
		methods: {
			handleClick(item){
				uni.navigateTo({
					url: `/pages/${item.value}/${item.value}`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.btns{
		display: flex;
		justify-content: center;
	}
	
</style>